<!DOCTYPE html>
<html lang="zh-CN" xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<title>智慧校园-员工管理</title>
<meta name="keywords" content="后台模板,后台管理系统,HTML模板">
<meta name="description" content="基于Bootstrap的后台管理系统模板">
<meta name="author" content="ftsucai.com">

<!-- Favicons -->
<link th:href="@{/libs/niceadmin/assets/img/favicon.png}" rel="icon">
<link th:href="@{/libs/niceadmin/assets/img/apple-touch-icon.png}"
	rel="apple-touch-icon">

<!-- Google Fonts -->



<!-- Vendor CSS Files -->
<link
	th:href="@{/libs/niceadmin/assets/vendor/bootstrap/css/bootstrap.min.css}"
	rel="stylesheet">
<link
	th:href="@{/libs/niceadmin/assets/vendor/bootstrap-icons/bootstrap-icons.css}"
	rel="stylesheet">
<link
	th:href="@{/libs/niceadmin/assets/vendor/boxicons/css/boxicons.min.css}"
	rel="stylesheet">
<link th:href="@{/libs/niceadmin/assets/vendor/quill/quill.snow.css}"
	rel="stylesheet">
<link th:href="@{/libs/niceadmin/assets/vendor/quill/quill.bubble.css}"
	rel="stylesheet">
<link th:href="@{/libs/niceadmin/assets/vendor/remixicon/remixicon.css}"
	rel="stylesheet">
<link
	th:href="@{/libs/niceadmin/assets/vendor/simple-datatables/style.css}"
	rel="stylesheet">

<!-- Template Main CSS File -->
<link th:href="@{/libs/niceadmin/assets/css/style.css}" rel="stylesheet">



<!--外部引入-->
<link rel="stylesheet"
	th:href="@{/libs/bootstrap/bootstrap4dist/css/bootstrap.css}">
<link rel="stylesheet" th:href="@{/css/student/mainpage.css}">
<link rel="stylesheet"
	th:href="@{/libs/bootstrap-table/unpkg.com_bootstrap-table@1.15.3_dist_bootstrap-table.min.css}">
</head>
<body>

	<!-- ======= Header ======= -->
	<div th:replace="public/main :: header"></div>
	<!-- End Header -->

	<!-- ======= Sidebar ======= -->
	<aside id="sidebar" class="sidebar" th:fragment="aside">
		<ul class="sidebar-nav" id="sidebar-nav">

		</ul>
	</aside>
	<!-- End Sidebar-->

	<main id="main" class="main">
		<div>
			<h1>员工管理系统</h1>
			<div>
				<form>
					<div class="form-group">
						<label for="phoneNum">手机号</label> <input type="email"
							class="form-control" id="phoneNum" aria-describedby="xxxxxx">
					</div>
					<div class="form-group">
						<label for="employeeName">员工姓名</label> <input type="email"
							class="form-control" id="employeeName" aria-describedby="yyyyyy">
					</div>
					<div class="form-group">
						<label for="employeeName">员工部门</label> <input type="email"
							class="form-control" id="departmentEmployees" aria-describedby="yyyyyy">
					</div>
					<button type="button" onclick="queryClassRoom()"
						class="btn btn-primary">查询</button>
					<!-- 单表查询 -->
					<button type="reset" class="btn btn-primary">重置</button>
					<!-- 新增按钮 -->
					<button type="button" class="btn btn-primary" data-toggle="modal"
						data-target="#addmodal" data-whatever="@mdo">新增</button>
				</form>
			</div>
			<!-- <div>
			<table class="table">
				<thead>
					<tr>
						<th scope="col">员工ID</th>
						<th scope="col">性别</th>
						<th scope="col">手机号</th>
						<th scope="col">员工姓名</th>
						<th scope="col">年龄</th>
						<th scope="col">部门</th>
						<th scope="col">邮箱</th>
						<th scope="col">入职时间</th>
						<th scope="col">入职薪资</th>
						<th scope="col">家庭地址省名称</th>
						<th scope="col">家庭地址市名称</th>
						<th scope="col">家庭地址县名称</th>
						<th scope="col">工作地址省名称</th>
						<th scope="col">工作地址市名称</th>
						<th scope="col">工作地址县名称</th>
						<th scope="col">备注</th>
						<th scope="col">创建时间</th>
						<th scope="col">修改时间</th>
						<th scope="col">操作</th>
					</tr>
				</thead>
				<tbody id="tablebody">
					<tr>
						<th scope="row"></th>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
					</tr>
				</tbody>
			</table>
		</div> -->
			<div>
				<!-- 新增 -->
				<div class="modal fade" id="addmodal" tabindex="-1"
					aria-labelledby="exampleModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<h5 class="modal-title" id="exampleModalLabel">新增员工信息</h5>
								<button type="button" class="close" data-dismiss="modal"
									aria-label="Close">
									<span aria-hidden="true">&times;</span>
								</button>
							</div>
							<div class="modal-body">
								<form>
									<div class="form-group">
										<label for="userId" class="col-form-label">员工ID</label> <input
											type="text" class="form-control" id="userId">
									</div>
									<div class="form-group">
										<label for="addemployeeName" class="col-form-label">员工姓名</label>
										<input type="text" class="form-control" id="addemployeeName">
									</div>
									<div class="form-group">
										<label for="age" class="col-form-label">年龄</label> <input
											type="text" class="form-control" id="age">
									</div>
									<div class="form-group">
										<label for="email" class="col-form-label">邮箱</label> <input
											type="text" class="form-control" id="email">
									</div>
									<div class="form-group">
										<label for="phonenum" class="col-form-label">手机号</label> <input
											type="text" class="form-control" id="phonenum">
									</div>
									
									<div class="form-group">
							
										<label for="provinces">省</label> <select
											onchange="findCities()" class="form-control" id="provinces">
											<option value="">请选择省</option>
										</select>
									</div>
									<div class="form-group">
										<label for="city">市</label> <select onchange="findAreas()"
											class="form-control" id="city">
											<option value="">请选择市</option>
										</select>
									</div>
									<div class="form-group">
										<label for="areas">县</label> <select class="form-control"
											id="areas">
											<option value="">请选择县</option>
										</select>
									</div>
								</form>
							</div>
							<div class="modal-footer">
								<button type="button" class="btn btn-secondary"
									data-dismiss="modal">取消</button>
								<button type="button" onclick="add()" class="btn btn-primary"
									data-dismiss="modal">确认</button>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div>
				<!-- 删除 -->
				<div class="modal fade" id="deletemodal" tabindex="-1"
					aria-labelledby="exampleModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<h5 class="modal-title" id="exampleModalLabel">删除教室信息</h5>
								<button type="button" class="close" data-dismiss="modal"
									aria-label="Close">
									<span aria-hidden="true">&times;</span>
								</button>
							</div>
							<div class="modal-body">
								<form>
									
									<div class="form-group">
										<label for="delete-employeeName" class="col-form-label">员工姓名</label>
										<input type="text" class="form-control"
											id="delete-employeeName">
									</div>
									<div class="form-group">
										<label for="age" class="col-form-label">年龄</label> <input
											type="text" class="form-control" id="delete-age">
									</div>
									<div class="form-group">
										<label for="email" class="col-form-label">邮箱</label> <input
											type="text" class="form-control" id="delete-email">
									</div>
									<div class="form-group">
										<label for="phonenum" class="col-form-label">手机号</label> <input
											type="text" class="form-control" id="delete-phonenum">
									</div>
									<div class="form-group">
										<label for="homeProvince" class="col-form-label">家庭地址省名称</label>
										<input type="text" class="form-control"
											id="delete-homeProvince">
									</div>
									<div class="form-group">
										<label for="homeCity" class="col-form-label">家庭地址市名称</label> <input
											type="text" class="form-control" id="delete-homeCity">
									</div>
									<div class="form-group">
										<label for="homeArea" class="col-form-label">家庭地址区县名称</label>
										<input type="text" class="form-control" id="delete-homeArea">
									</div>
									<input type="text" hidden="hidden" id="pkId">
								</form>
							</div>
							<div class="modal-footer">
								<button type="button" class="btn btn-secondary"
									data-dismiss="modal">取消</button>
								<button type="button" onclick="deleteDatad()"
									class="btn btn-primary" data-dismiss="modal">确认</button>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div>
				<!-- 修改 -->
				<div class="modal fade" id="updatemodal" tabindex="-1"
					aria-labelledby="exampleModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<h5 class="modal-title" id="exampleModalLabel">修改教室信息</h5>
								<button type="button" class="close" data-dismiss="modal"
									aria-label="Close">
									<span aria-hidden="true">&times;</span>
								</button>
							</div>
							<div class="modal-body">
								<form>
									<div class="form-group">
										<label for="userId" class="col-form-label">员工ID</label> <input
											type="text" class="form-control" id="update-userId">
									</div>
									<div class="form-group">
										<label for="update-employeeName" class="col-form-label">员工姓名</label>
										<input type="text" class="form-control"
											id="update-employeeName">
									</div>
									<div class="form-group">
										<label for="age" class="col-form-label">年龄</label> <input
											type="text" class="form-control" id="update-age">
									</div>
									<div class="form-group">
										<label for="email" class="col-form-label">邮箱</label> <input
											type="text" class="form-control" id="update-email">
									</div>
									<div class="form-group">
										<label for="phonenum" class="col-form-label">手机号</label> <input
											type="text" class="form-control" id="update-phonenum">
									</div>
									<div class="form-group">
										<label for="homeProvince" class="col-form-label">家庭地址省名称</label>
										<input type="text" class="form-control"
											id="update-homeProvince">
									</div>
									<div class="form-group">
										<label for="homeCity" class="col-form-label">家庭地址市名称</label> <input
											type="text" class="form-control" id="update-homeCity">
									</div>
									<div class="form-group">
										<label for="homeArea" class="col-form-label">家庭地址区县名称</label>
										<input type="text" class="form-control" id="update-homeArea">
									</div>
									<input type="text" hidden="hidden" id="pkId">
								</form>
							</div>
							<div class="modal-footer">
								<button type="button" class="btn btn-secondary"
									data-dismiss="modal">取消</button>
								<button type="button" onclick="update()" class="btn btn-primary"
									data-dismiss="modal">确认</button>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div>
				<input id="addr" hidden
					th:value="${#httpServletRequest.getScheme()+'://'+#httpServletRequest.getServerName()+':'+#httpServletRequest.getServerPort()+#httpServletRequest.getContextPath()} " />
				<!-- 获取到controller路径 -->
			</div>
		</div>
		<div>
			<table id="table1" data-pagination="true" data-page-size="4"
				data-search="true">
			</table>
		</div>

	</main>
	<!-- End #main -->

	<!-- ======= Footer ======= -->
	<div th:replace="public/main :: footer"></div>
	<!-- End Footer -->

	<a th:href="@{/libs/niceadmin/#}"
		class="back-to-top d-flex align-items-center justify-content-center"><i
		class="bi bi-arrow-up-short"></i></a>

	<!-- Vendor JS Files -->
	<script th:src="@{/libs/jquery/jquery-3.5.1.js}"></script>
	<script
		th:src="@{/libs/niceadmin/assets/vendor/apexcharts/apexcharts.min.js}"></script>
	<script
		th:src="@{/libs/niceadmin/assets/vendor/bootstrap/js/bootstrap.bundle.min.js}"></script>
	<script th:src="@{/libs/niceadmin/assets/vendor/chart.js/chart.min.js}"></script>
	<script
		th:src="@{/libs/niceadmin/assets/vendor/echarts/echarts.min.js}"></script>
	<script th:src="@{/libs/niceadmin/assets/vendor/quill/quill.min.js}"></script>
	<script
		th:src="@{/libs/niceadmin/assets/vendor/simple-datatables/simple-datatables.js}"></script>
	<script
		th:src="@{/libs/niceadmin/assets/vendor/tinymce/tinymce.min.js}"></script>
	<script
		th:src="@{/libs/niceadmin/assets/vendor/php-email-form/validate.js}"></script>
	<!-- Template Main JS File -->
	<script th:src="@{/libs/niceadmin/assets/js/main.js}"></script>




	<!--外部引入-->
	<script th:src="@{/libs/jquery/jquery-3.5.1.min.js}"></script>
	<script th:src="@{/libs/bootstrap/bootstrap4dist/js/bootstrap.js}"></script>
	<script
		th:src="@{/libs/bootstrap-table/unpkg.com_bootstrap-table@1.15.3_dist_bootstrap-table.min.js}"></script>
	<script
		th:src="@{/libs/bootstrap-table/unpkg.com_bootstrap-table@1.15.3_dist_locale_bootstrap-table-zh-CN.min.js}"></script>
	<script th:src="@{/js/yuangong/mainpage.js}"></script>
	<script th:src="@{/js/public/Menu.js}"></script>
</body>
</html>